<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/4/6
  Time: 20:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Our-Iot</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/layui/css/layui.css">
</head>

<style>

    .Pagera
    {
        font-size: 39px; /* 字体大小 */
        color:white;
    <%-- padding-top:5px;
     padding-bottom:9px;
     padding-left:20px;
     padding-right:20px;--%>
        width:400px;
        height:300px;
        border-width: 0px; /* 边框宽度 */
        border-radius: 50px; /* 边框半径 */
        display:block;
        cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
        text-align:center;
        line-height:100px;
        float:left;
        font-family: Microsoft YaHei; /* 设置字体 */
        background:url(images/tooopen_sy_241631031241.jpg) no-repeat;
    }


</style>

<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">IOT-NB</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/main.jsp">首页</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="">IOT实训室</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="http://www.chuangkexueyuan.com.cn/iot-baidu.html">物联网之路</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="http://www.nlecloud.com/iot2019/">最新赛事</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="https://jwc.ccu.edu.cn/">教育教学</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="http://www.chinawuliu.com.cn/xsyj/201807/16/332957.shtml">学术研究</a></li>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/honer.jsp">光辉战绩</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                    ${sessionScope.phone}
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="${pageContext.request.contextPath}/user/changeUser">切换用户</a></dd>
                    <dd><a href="${pageContext.request.contextPath}/user/outLogin">退出登录</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/user/cancelUser?phone=${sessionScope.phone}">注销用户</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="javascript:">学习资源</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:">java后台开发</a></dd>
                        <dd><a href="javascript:">嵌入式工程</a></dd>
                        <dd><a href="javascript:">安卓开发</a></dd>
                        <dd><a href="">the links</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:">Iot风采</a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/getAlbums">相册管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">menu item 123</a></li>
                <li class="layui-nav-item"><a href="">the links</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body" style="background-image: url('/img/1.jpg');margin-bottom: -44px";>
        <!-- 内容主体区域 -->
        <div id="template">
          <%--  <ul class="layui-nav layui-bg-green">
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/createAlbum.jsp">创建相册</a></li>
                <li class="layui-nav-item layui-this"><a href="${pageContext.request.contextPath}/getAlbums">查看相册</a></li>
                <li class="layui-nav-item"><a href=""></a></li>
                <li class="layui-nav-item"><a href="">社区</a></li>
            </ul>--%>


            <div class="Pagera" style="margin: 10px 50px  50px 50px" >
            <form action="${pageContext.request.contextPath}/uploadHoners" method="post" enctype="multipart/form-data">
                更新荣誉室
                <div  style="margin-left: 100px;margin-top: 50px; font-size: 10px" >
                    <input type="file" multiple="multiple" name="honerPictures">
                </div>
                <div>
                    <button class="layui-btn-warm" type="submit">更新</button>
                </div>
            </form>
            </div>

              <div class="class3" style="margin: 10px 50px  50px 600px">
                  <a  class="Pagera" ; href="${pageContext.request.contextPath}/getAllHoner">查看Iot的荣誉墙</a>
              </div>



        </div>
    </div>
    <div class="layui-footer" style="background-color: #746047")>
        <!-- 底部固定区域 -->



    </div>
</div>

<script src="${pageContext.request.contextPath}/layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</body>
</html>
